@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
.entry{
    background:#222222;
    width:100%;
    height:100%;
    .box{
        width:100%;
        height:100%;
        padding-top:r(191);
        .box_logo{
            margin:0 auto;
            width:r(161);
            height:r(136);
            img{
                width:100%;
            }
        }
        .box_login{
            padding-left:r(75);
            padding-top:r(47);
            .user{
                overflow: hidden;
                .user_left{
                    float:left;
                    width:r(61);
                    height:r(53);
                    padding-top:r(11);
                    background:#303030;
                    font-size:0;
                    text-align: center;
                    
                    img{
                        width:r(29);
                        height:r(30);
                    }
                }
                .user_right{
                    font-size:0;
                    float:left;
                    height:r(53);
                    input{
                        width:r(430);
                        height:r(53);
                        font-size:r(20);
                        padding-left:r(29);
                        background:#3d3d3d;
                        border:none;
                        color:#cdcdcd;
                    }
                }
            }
            .password{
                overflow: hidden;
                margin-top:r(16);
                .password_left{
                    float:left;
                    width:r(61);
                    height:r(53);
                    padding-top:r(11);
                    background:#303030;
                    font-size:0;
                    text-align: center;
                    
                    img{
                        width:r(27);
                        height:r(32);
                    }
                }
                .password_right{
                    font-size:0;
                    float:left;
                    height:r(53);
                    input{
                        width:r(430);
                        height:r(53);
                        font-size:r(20);
                        padding-left:r(29);
                        background:#3d3d3d;
                        border:none;
                        color:#cdcdcd;
                    }
                }
            }
        }
        .forget_password{
            font-size:0;
            float:right;
            margin-right:r(79);
            margin-top:r(29);
            img{
                width:r(19);
                height:r(19);
                padding-top:r(2);
            }
            p{
                margin-left:r(6);
                font-size:r(19.53);
                display:inline-block;
                color:#fff;
                
            }
        }
        .but{
            font-size:0;
            padding-left:r(75);
            a{
                input{
                    width:r(492);
                    height:r(53);
                    border:r(1) solid #2e1f20;
                }
            }
            a:first-child input{
                    margin-top:r(59);
                }
            a:nth-child(2) input{
                margin-top:r(14);
                }
            a:hover{
                input{
                    background:#b60005;
                }
            }
        }
    }
}
